<template>
  <div>
    <ul>
      <my-item v-for="todoObj in todoList" :key="todoObj.id"></my-item>
    </ul>
  </div>
</template>

<script>
import MyItem from "@/components/MyItem";
export default {
  name: "myList",
  components: {MyItem},
  data(){
    return {
      todoList:[
        {id:'001', title:'唱', done:false},
        {id:'002', title:'跳', done:false},
        {id:'003', title:'rap', done:false},
        {id:'004', title:'篮球', done:false}
      ]
    }
  }
}
</script>

<style scoped>

</style>